<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>absolute 与 overflow 的关系？</title>
<style type="text/css">
div{
	width: 200px;
	height: 200px;
}
.d1{
	overflow: hidden;
	background-color: #000000;
}
.d2{
	overflow: auto;
	position: absolute;
	background-color: #00008B;
}
</style>
</head>
<body>
<pre>
（1）如果overflow不是定位元素，同时绝对定位元素和overflow容器之间也没有定位元素，则overflow无法对absolute
元素进行剪裁。

（2）如果overflow的属性值不是hidden而是auto或者scroll，即使绝对定位元素高宽比overflow元素高宽还要大，也
都不会出现滚动条。

（3）overflow元素自身transform的时候，Chrome和Opera浏览器下的overflow剪裁是无效的。
</pre>

<div class="d1">
	
</div>
<div class="d2">
	1321313132131313213131321313132131313213131321313132131313213131321313132131313213131321313132131313213131321313
</div>

<script type="text/javascript">
</script>
</body>
</html>